
$(function () {
	//控制边框高亮
	$("body").off("click").on("click", ".qrm-input-border", function () {
			if ($(".qrm-input").val() == '') {
				$(".qrm-border1").show();
			} else {
				var s = $(".qrm-input").val()
				console.log((s.split('/')).length);
				var n = (s.split('/')).length - 1;
				if (n == 1) {
					$(".qrm-border1").show();
					$(".qrm-border2").show();
				} else if (n == 2) {
					$(".qrm-border1").show();
					$(".qrm-border2").show();
					$(".qrm-border3").show();
				} else {
					$(".qrm-border1").show();
				}
			}
	});
	//第一层
	var lev1;
	var lev2;
	var lev3;
	//第一层 事件代理

	$("body").on("mouseover", ".qrm-lev-1>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		lev1 = "";
		lev2 = "";
		lev3 = "";
		var html1 = $(this).children(".li-zi-1").html();
		$(".qrm-lev-2").html(html1);
		$(".qrm-border2").show();
		$(".qrm-border3").hide();
		$(".qrm-lev-3").html("");
		lev1 = $(this).children("span").html();
	});
	//第二层 事件代理
	$("body").on("mouseover", ".qrm-lev-2>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		if ($(this).children(".li-zi-2").html() == undefined) {
			lev2 = $(this).children("span").html();
			$(".qrm-input").val(lev1 + "/" + lev2);
			$(".qrm-border1").hide();
			$(".qrm-border2").hide();
			$(".qrm-border3").hide();
		} else {
			var html2 = $(this).children(".li-zi-2").html();
			lev2 = $(this).children("span").html();
			$(".qrm-border3").show();
			$(".qrm-lev-3").html(html2);
		}
		if ($(this).parent().parent().next().children(".qrm-lev").html() == "") {
			// 去掉输入框的高亮状态
			$(".qrm-border1").hide();
			$(".qrm-border2").hide();
			$(".qrm-border3").hide();
		}
	});
	$("body").on("click", ".qrm-lev-1>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		var dataName = $(this).find("span").attr("data-id");
		$(".qrm-input").val(lev1);
		$(".qrm-input").attr("data-id", dataName)
		$(".qrm-border1").hide();
		$(".qrm-border2").hide();
		$(".qrm-border3").hide();
	});
	$("body").on("click", ".qrm-lev-2>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		var dataName = $(this).children("span").attr("data-id");
		$(".qrm-input").val(lev1 + "/" + lev2);
		$(".qrm-input").attr("data-id", dataName);
		$(".qrm-border1").hide();
		$(".qrm-border2").hide();
		$(".qrm-border3").hide();
	});
	$("body").on("click", ".qrm-lev-3>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		lev3 = $(this).children("span").html();
		var dataName = $(this).children("span").attr("data-id");
		$(".qrm-input").val(lev1 + "/" + lev2 + "/" + lev3);
		$(".qrm-input").attr("data-id", dataName);
		$(".qrm-border1").hide();
		$(".qrm-border2").hide();
		$(".qrm-border3").hide();
	});
});
$(document).off("click").click(function (event) {
	var x1 = $('.box'); // 设置目标区域
	if (!x1.is(event.target) && x1.has(event.target).length === 0) { // Mark 1
		$(".qrm-border1").hide();
		$(".qrm-border2").hide();
		$(".qrm-border3").hide();
	}
})